<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>{dede:field.title/}-{dede:global.cfg_webname/}</title>
<script type="text/javascript" src="{dede:global.cfg_basehost/}/js/jquery.js"></script>
<script type="text/javascript" src="{dede:global.cfg_basehost/}/system/gzs.ajax.js"></script>
<script type="text/javascript">
function CheckLogintop(){
var taget_obj = document.getElementById('_userlogin');
myajax = new DedeAjax(taget_obj,false,false,'','','');
myajax.SendGet2("/user/ajax_loginsta.php");
DedeXHTTP = null;
}
</script>
<style type="text/css">
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{height:100%;}
body{margin:0;padding:0;height:100%;line-height:160%;background:#fff;font-size:14px;color:#333;font-family:"Microsoft YaHei","Source Han Sans CN",Verdana,Tahoma,Arial,simsun,"sans-serif";overflow:hidden;}
em{font-style:normal;font-weight:normal;}
ul,li{list-style:none;}
h1,h2,h3{font-size:100%;font-weight:normal;}
i,em{font-style:normal;}
img{border:0;}
a{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#ff700a;}
*{margin:0;padding:0;}
input,button{vertical-align:middle;font-size:100%;list-style:none;outline:none;border:0;}
.fl{float:left;}
.yin,.ke-yc1{display:none !important;}
.container-fluid{height:100%;padding-top:50px;background:#000;}
.height100{height:100%;}
.player-box{position:relative;width:75%;float:left;background:#fff;}
.yixiaowan-player{width:100%;height:100%;padding-bottom:36px;}
.action-bar-wrap{width:25%;float:left;background-color:#252525;height:100%;overflow-y:auto;}

/*微信二维码*/
.followus-weixin{position:relative;color:#999;}
.flw-weixin-box{position:absolute;display:none;width:170px;height:170px;left:-60px;bottom:27px;background:url({dede:sql sql='Select litpic from biz_archives where id=163'}[field:litpic function='mstrone(@me)'/]{/dede:sql}) no-repeat 0 0;background-size:170px auto;}
.followus-weixin:hover .flw-weixin-box{display:block;}

/*播放器底部样式*/
.course-tool{width:100%;height:36px;position:absolute;bottom:0;left:0;padding:5px 0;text-align:right;background:#000;}

/*头部*/
.top-menu-wrap{position:fixed;width:100%;background:#fff;height:50px;}
.top-menu-wrap .play-logo{width:80px;height:39px;float:left;margin:7px 0 0 16px;}
.top-menu-wrap .play-logo img{width:100%;height:100%;}
.top-menu-wrap .menu-wrap{overflow:hidden;}
.top-menu-wrap .top-lesson-list{float:left;line-height:50px;font-size:16px;color:#333;padding-left:10px;}

/*登录*/
#_userlogin{float:right;}
#mainmenu{width:35px;height:50px;margin-right:16px;}
#mainmenu .link{display:block;}
#mainmenu .hy-tx{width:35px;height:35px;border-radius:20px;margin:7px 0;}
#mainmenu2{display:none;}

/*课程目录*/
.scroll-cont .content-list li{height:80px;border-bottom:1px #111 solid;padding:12px 10px 15px 25px;position:relative;box-sizing:border-box;}
.scroll-cont .content-list li:hover{background:#33333e;}
.scroll-cont .content-list a{display:block;}
.scroll-cont .content-list .name{font-size:16px;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:24px;}
.scroll-cont .content-list li.on{background:#1e1e1e;}
.scroll-cont .content-list li.on>a>.name{color:#eee;}
.scroll-cont .content-list li.on>a>.name i{position:relative;top:2px;width:15px;height:15px;display:inline-block;margin-right:10px;background:url({dede:global.cfg_basehost/}/images/icon-play-active.gif) no-repeat;}
.scroll-cont .content-list .name .ke-bs-shipin{position:relative;top:2px;width:15px;height:15px;display:inline-block;margin-right:10px;background:url({dede:global.cfg_basehost/}/images/ke-bs-shipin.png) no-repeat;background-size:15px auto;}
.scroll-cont .content-list .name .ke-bs-yinpin{position:relative;top:2px;width:15px;height:15px;display:inline-block;margin-right:10px;background:url({dede:global.cfg_basehost/}/images/ke-bs-yinpin.png) no-repeat;background-size:15px auto;}
.scroll-cont .content-list .name .ke-bs-tuwen{position:relative;top:2px;width:15px;height:15px;display:inline-block;margin-right:10px;background:url({dede:global.cfg_basehost/}/images/ke-bs-tuwen.png) no-repeat;background-size:15px auto;}
.scroll-cont .content-list .name .ke-bs-wangpan{position:relative;top:2px;width:15px;height:15px;display:inline-block;margin-right:10px;background:url({dede:global.cfg_basehost/}/images/ke-bs-wangpan.png) no-repeat;background-size:15px auto;}
.scroll-cont .content-list .info{padding-top:10px;overflow:hidden;}
.scroll-cont .content-list .info span{float:left;color:#999;font-size:12px;padding-right:10px;}
.scroll-cont .content-list .info span.tuwen,.scroll-cont .content-list .info span.wangpan{display:none;}

/*图文内容*/
.yxw-tuwen{width:100%;height:100%;overflow-y:auto;background:#fff;border-top:1px solid #f0f0f0;padding:30px 20px;display:block;}
.yxw-tuwen h2{line-height:28px;font-size:22px;color:#333;padding-bottom:30px;font-weight:700;}
.yxw-tuwen p{line-height:28px;font-size:16px;color:#333;padding-bottom:20px;}
.yxw-tuwen p a{color:#2b6feb;}
.yxw-tuwen p a:hover{color:#ff700a;}
.yxw-tuwen p img{display:block;margin:0 auto;max-width:800px;}
.yxw-tuwen img{display:block;margin:0 auto;max-width:800px;}

/*新增代码*/
.nav-list-box{height:50px;padding:0 25px;}
.nav-list-box li{float:left;line-height:50px;font-size:16px;padding-right:25px;}
.nav-list-box a{display:block;color:#666;cursor:pointer;}
.nav-list-box span:hover{color:#fff;}
.nav-list-box span{display:inline-block;height:48px;}
.nav-list-box li.aui-current a{color:#fff;}
.nav-list-box li.aui-current span{color:#fff;border-bottom:2px solid #d83d38;font-weight:700;}
.nav-list-box .tiwen-su{font-size:12px;padding-left:2px;}
.top-menu-wrap .top-lesson-list{position:relative;}
.top-lesson-list em.a{width:35px;height:22px;border-radius:4px;background:rgba(7,17,27,0.78) url({dede:global.cfg_basehost/}/images/ke-video.png) no-repeat 4px 4px;background-size:25px auto;position:absolute;top:14px;margin-left:10px;}
.top-lesson-list em.ay{width:35px;height:22px;border-radius:4px;background:rgba(7,17,27,0.78) url({dede:global.cfg_basehost/}/images/ke-yinpin.png) no-repeat 4px 4px;background-size:25px auto;position:absolute;top:14px;margin-left:10px;}
.top-lesson-list em.at{width:35px;height:22px;border-radius:4px;background:rgba(7,17,27,0.78) url({dede:global.cfg_basehost/}/images/ke-tuwen.png) no-repeat 4px 4px;background-size:25px auto;position:absolute;top:14px;margin-left:10px;}
.keshikan{line-height:20px;height:20px;padding:0 6px;background:#00b277;border-radius:0 4px 0 4px;font-size:12px;color:#fff;display:inline-block;}
.ke-suo{line-height:20px;height:20px;padding:0 6px;background:#ff700a;border-radius:0 4px 0 4px;font-size:12px;color:#fff;display:inline-block;}

/*网盘链接*/
.gzs-tglj{text-align:center;margin-top:12px;}
.gzs-tglj a{height:46px;line-height:46px;border-radius:4px;display:inline-block;color:#333;font-size:16px;border:1px solid #717171;padding:0 15px;}
.gzs-tglj a:hover{color:#ff700a;border:1px solid #ff700a;}
.uc-content-box .box-hd{overflow:hidden;margin-bottom:20px;}
.uc-content-box .box-hd .title{display:inline-block;}
input#foo{background:#fff;width:1px;color:#fff;border:none;cursor:pointer;}
</style>
</head>
<body>

<!-- 头部 -->
<div class="top-menu-wrap">
<div class="menu-wrap">
<div class="play-logo"><a href="{dede:global.cfg_basehost/}/"><img src="{dede:global.cfg_basehost/}/images/logo.png"></a></div>
<div class="top-lesson-list">正在学习：<a href="{dede:global.cfg_basehost/}{dede:type typeid='0' row=1}[field:typelink /]{/dede:type}" class="link" style="background:#ffd5b8;padding:5px 10px;font-size:14px;border-radius:3px;color:#ff700a;">{dede:field.typename/}</a></div>
<div id="_userlogin"></div>
<script type="text/javascript">CheckLogintop();</script>
</div>
</div>
<!-- 头部 End -->


<div class="container-fluid">
<div class="height100">

<!-- 左边播放区域 -->
<div class="player-box height100">
<div class="yixiaowan-player">


<!-- 网盘内容 -->
<div class="yxw-tuwen">
<div class="gzs-tglj">
<div class="tiquma" style="line-height:24px;font-size:16px;color:#f30;text-align:left;margin-bottom:10px;font-weight:700;">提取码：{dede:field.spmm/}</div>
<div class="gzs-wp-lj"><input type="text" value="网盘链接：{dede:field.le_vod2/}" placeholder="网盘链接：{dede:field.le_vod2/}" class="wp-lj" style="width:100%;line-height:46px;font-size:16px;color:#333;background:#f4f4f4;padding:0 15px;border-radius:4px;box-sizing:border-box;"></div>
<div class="gzs-wp-mm" style="float:right;padding-top:20px;">
<a href="javascript:void(0)" data-clipboard-target="#foo" aria-label="提取码，复制成功" class="btn2020 fl">复制提取码<input id="foo" value="{dede:field.spmm/}"></a>
<a href="{dede:field.le_vod2/}" target="_blank" style="float:right;margin-left:20px;display:inline-block;border-radius:4px;background:#06a7ff;color:#fff;border:1px solid #06a7ff;">提取文件</a>
</div>
</div>
</div>
<!-- 网盘内容 End -->



</div>


<!-- 扫描二维码手机学课 -->
<div class="course-tool">
<span class="click_tishi" style="color:#4f4f4f;float:left;line-height:26px;font-size:14px;padding-left:10px;">友情提示：推荐您使用微信扫描<a class="followus-weixin" href="javascript:;">二维码<div class="flw-weixin-box"></div></a>在手机上学习更方便。</span>
<span style="float:right;height:26px;line-height:26px;padding-right:10px;color:#4f4f4f;"><script src="{dede:global.cfg_basehost/}/apps/count.php?view=yes&aid={dede:field name='id'/}&mid={dede:field name='mid'/}" type='text/javascript'></script>次浏览</span>
</div>
<!-- 扫描二维码手机学课 End -->

</div>
<!-- 左边播放区域 End -->



<!-- 右边课程目录 -->
<div class="action-bar-wrap">
<div class="scroll-cont">

<div class="nav-list-box">
<ul>
<li class="aui-current"><a href="javascript:;"><span>选集</span></a></li>
</ul>
</div>

<ul class="content-list">
{dede:arclist row='200' titlelen='80' orderby='id' orderway='asc'}
<li class="jjdd[field:id/]">
<a href="[field:global.cfg_basehost/][field:arcurl/]" title="[field:title/]" class="needBuy_kelist" rank="[field:arcrank/]">
<div class="name"><i class="ke-bs-[field:source/]"></i>[field:title/]</div>
<div class="info">
<span class="[field:source/]">[field:shorttitle/]</span>
<span class="yxw-kc-s needBuy yin"><em class="ke-suo">付费</em></span>
</div>
</a>
</li>
{/dede:arclist}
</ul>
</div>
</div> 
<!-- 右边课程目录 End -->

</div>
</div>



</div>
</div>


<script type="text/javascript">
$(document).ready(function () {
$.post("{dede:global.cfg_basehost/}/user/jjajax.php",{a:"GetRank",tid:"{dede:field.typeid/}"},function(result){
if(result == 'ok'){
}else{
$(".list-kc-goumai").removeClass("yin");
$(".needBuy").removeClass("yin");
$(".needBuy_kelist").each(function(index, element) {
if($(element).attr("rank") == '0' ){
$(element).find(".needBuy").removeClass("yxw-kc-s");
$(element).find(".needBuy").html('<em class="keshikan">免费</em>');
}
});
}
});
$('.pop-close2').click(function () {
$('.bgPop2,.pop2').hide();
});
$('.click_pop2').click(function () {
$('.bgPop2,.pop2').show();
});
})
</script>


<script type="text/javascript">
$(".jjdd{dede:field name='id'/}").addClass("on");
var myyuans = $(".jjdd{dede:field name='id'/}");
var jjtop = parseInt($(".jjdd{dede:field name='id'/}").offset().top) - 60;
$(".action-bar-wrap").scrollTop(jjtop);
</script>

<script src="{dede:global.mcfg_basehost/}/m-js/clipboard.min.js"></script>
<script>
var clipboard = new Clipboard('.btn2020');
clipboard.on('success', function(e) {
    var msg = e.trigger.getAttribute('aria-label');
    alert(msg);
    console.info('Action:', e.action);
    console.info('Text:', e.text);
    console.info('Trigger:', e.trigger);
    e.clearSelection();
});
</script>

{dede:include filename="wz-tongji.htm"/}

</body>
</html>